﻿@{
    ViewBag.Title = "" + FOResource.UI.Layout.career + "";
    Layout = "~/Views/Shared/_SUBLayout1.cshtml";
    var Career = (List<FOModels.Articles.ArticlesModels>)ViewBag.Career;
}
<style type="text/css">
    #vn-box {
        margin-left: 20px;
    }
</style>
<h1 class="title" id="page-title">@FOResource.UI.Layout.career</h1>
<div id="content-article">
    <div class="span8" id="main-post">
        @if (Career.Count() != 0)
        {
            foreach (var c in Career)
            {
            <div class="box-post">
                <a href="@Url.Action("ArticlesDetail", "Articles", new { Title = FO.Models.Conver.ConvertToUnSign(c.Title).ToLower(), ArticlesID = c.ArticlesID })" >
                    <img alt="@c.Title" src="@Url.Content("/Content/upload/images/" + c.Images + "")" width="200" height="150" />
                </a>
                <div class="text-post">
                    <a href="@Url.Action("ArticlesDetail", "Articles", new { Title = FO.Models.Conver.ConvertToUnSign(c.Title).ToLower(), ArticlesID = c.ArticlesID })" >
                        <h2>@c.Title</h2>
                    </a>
                    <span>@FOResource.UI.Layout.postdate @Convert.ToDateTime(c.DatePost).ToShortTimeString() - @Convert.ToDateTime(c.DatePost).ToShortDateString()</span>
                    <p>@c.Summary</p>
                </div>
            </div>
            }
        }
        else
        {
            <h4>@FOResource.UI.Layout.nocareer</h4>
        }
    </div>
    <div class="span4" id="main-social">

        <div style="overflow: hidden;">

            <img alt="vnbanknet" src="/Content/images/7-Live-Healthy-to-Save-Money.jpg" />
        </div>
        <!--end vnads-right-->
        <div class="clr"></div>
        <div class="frontpage-share">
            <h2 id="vnbanknet-social">@FOResource.UI.Layout.VNBankNetOnSocial</h2>
            <div class="fb-like" data-href="https://www.facebook.com/vnbanknet" data-send="false" data-layout="box_count" data-width="450" data-show-faces="false" data-font="arial"></div>
            <!-- Place this tag where you want the +1 button to render. -->
            <!-- Place this tag where you want the +1 button to render. -->
            <div class="g-plusone" data-size="tall" data-href="http://www.vnbanknet.com/"></div>

            <!-- Place this tag after the last +1 button tag. -->
            <script type="text/javascript">
                (function () {
                    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                    po.src = 'https://apis.google.com/js/plusone.js';
                    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                })();
            </script>
            <a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-url="http://www.vnbanknet.com">Tweet</a>
            <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');</script>
        </div>
        <div class="clr"></div>
        <div id="vnbanknet-facebook" style="border: #D9D9D9 solid 1px;margin-bottom:10px;">
            <div class="fb-like-box" data-href="http://facebook.com/vnbanknet" data-width="300" data-height="270" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
        </div>

        <div class="g-plus" data-href="https://plus.google.com/107888323424177942124" data-rel="publisher"></div>
        <script type="text/javascript">
<!--//--><![CDATA[// ><!--

    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();

    //--><!]]>
        </script>

    </div>


</div>
<div class="clr"></div>


